<html>
<style>
body {
  min-width:357px;
  overflow-x:hidden;
}

img {
  margin:5px;
  border:2px solid black;
  vertical-align:middle;
  width:75px;
  height:75px;
}

.button
{
	min-width: 100px;
	min-height: 20px;
	text-align: center;
}

</style>


<head>
<title>Accessibility</title>
</head>



<body>
<form>
	<input type="button" class="button" value="Visualize Links" onclick="VisualizeLinks()" />
	<br />
	<input type="button" class="button" value="Get Links" onclick="getLinks()" />
</form>
</body>

</html>

<script type="text/javascript">
//This function will display the links in the page along with the icons
function VisualizeLinks()
{
chrome.tabs.executeScript(null, {file:"oaa/scripts/cache.js"});
chrome.tabs.executeScript(null, {file:"ainspector.js"});
chrome.tabs.executeScript(null, {file:"images.js"});
}

function getLinks()
{
chrome.tabs.executeScript(null, {file:"oaa/scripts/cache.js"});
chrome.tabs.executeScript(null, {file:"ainspector.js"});
chrome.tabs.executeScript(null, {file:"iframe.js"});
}
</script>



